<template>
<div>
  v-for 指令遍历列表
<!--  遍历值-->
  <ul>
    <li v-for="value in object">
      {{ value }}
    </li>
  </ul>
  <br>
<!--  遍历 key:value-->
  <div v-for="(value, name) in object">
    {{ name }}: {{ value }}
  </div>
  <br>
<!--遍历index , key , value -->
  <div v-for="(value, name, index) in object">
    {{ index }}. {{ name }}: {{ value }}
  </div>
</div>
</template>

<script>
  export default {
    name: "TestA",
    data(){
      return{
        object: {
          title: 'How to do lists in Vue',
          author: 'Jane Doe',
          publishedAt: '2016-04-10'
        }
      }

    }
  }
</script>

<style scoped>

</style>
